<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'kF947390d29e8b49d7a81f20542d1500e5','ip3ef3899ca94c47eaa2e0132c9bb669f4','yW3bb8cc1195e24dcfab73e756c9f9619b','RR1591b40958ed437a8bb3a200d61771f6'"  ></cms:ads>
<div class="top"> 
 <header class="mui-bar mui-bar-nav"> 
  <img src="${kF947390d29e8b49d7a81f20542d1500e5.adImg}" alt="" class="mui-pull-left zy" style="width: 120px;" data-type="ad" data-id="${kF947390d29e8b49d7a81f20542d1500e5.adId}"> 
  <a href="javascript:;" id="showMav" class="mui-icon mui-action-menu mui-icon-bars mui-pull-right"></a> 
 </header> 
 <ul id="accordion" class="accordion">
  <c:forEach items="${mobileNav}" var="item">
   <li>
    <div class="link navElement zy" data-type="nav" data-id="${item.navId }" >
     <c:if test="${fn:length(item.childrenNav)>0 }">
      ${item.navName}<i class="fa fa-chevron-down"></i>
     </c:if>
     <c:if test="${fn:length(item.childrenNav)==0 }">
      <a class="zy"  data-type="nav" data-id="${item.navId}"  href="${item.navUrl}">${item.navName}</a>
     </c:if>
    </div>
    <c:if test="${fn:length(item.childrenNav)>0 }">
     <ul class="submenu">
      <c:forEach items="${item.childrenNav}" var="child">
       <li class="zy"  data-type="nav" data-id="${child.navId}" ><a class="zy"  data-type="nav" data-id="${child.navId}"  href="${child.navUrl}">${child.navName}</a></li>
      </c:forEach>
     </ul>
    </c:if>
   </li>
  </c:forEach>


 </ul> 
</div>